<!DOCTYPE HTML>
<html>
<#include "include/resource-head.html"/>
<body>
<#include "include/common-header.html"/>
<div class="wrap">
    <div class="clear"></div>
    <div class="content">
        <div class="left-content">
            <div class="popular">
                <h3>视频分类</h3>
                <div class="clear"></div>
                <div class="category-list">
                    <span><a href="#">VIP</a></span>
                    <span><a href="#">动作</a></span>
                    <span><a href="#">爱情</a></span><span><a href="#">VIP</a></span>
                    <span><a href="#">动作</a></span>
                    <span><a href="#">爱情</a></span><span><a href="#">VIP</a></span>
                    <span><a href="#">动作</a></span>
                    <span><a href="#">爱情1111111</a></span><span><a href="#">VIP</a></span>
                    <span><a href="#">动作</a></span>
                    <span><a href="#">爱情</a></span><span><a href="#">VIP</a></span>
                    <span><a href="#">动作</a></span>
                    <span><a href="#">爱情</a></span><span><a href="#">VIP</a></span>
                    <span><a href="#">动作</a></span>
                    <span><a href="#">爱情</a></span>
                    <div class="clear"></div>
                </div>
            </div>
            <div class="clear"></div>
        </div>
        <div class="right-content">
            <div class="searchbar">
                <div class="search-left">
                    <p></p>
                </div>
                <div class="search-right">
                    <form>
                        <input type="text"><input type="submit" value=""/>
                    </form>
                </div>
                <div class="clear"></div>
            </div>
            <div class="box">
                <div class="grids">
                    <div class="grid">
                        <h3>Consectetur adipisicing elit</h3>
                        <a href="single.html"><img src="./images/g1 copy.png" title="video-name"/></a>
                        <div class="time">
                            <span>00:10</span>
                        </div>
                        <div class="grid-info">
                            <div class="video-share">
                                <ul>
                                    <li><a href="#"><img src="./images/likes.png" title="links"/></a></li>
                                    <li><a href="#"><img src="./images/link.png" title="Link"/></a></li>
                                    <li><a href="#"><img src="./images/views.png" title="Views"/></a></li>
                                </ul>
                            </div>
                            <div class="video-watch">
                                <a href="single.html">Watch Now</a>
                            </div>
                            <div class="clear"></div>
                            <div class="lables">
                                <p>Labels:<a href="categories.html">Lorem</a></p>
                            </div>
                        </div>
                    </div>
                    <div class="grid">
                        <h3>Consectetur adipisicing elit</h3>
                        <a href="single.html"><img src="./images/g2 copy.png" title="video-name"/></a>
                        <div class="time">
                            <span>2:10</span>
                        </div>
                        <div class="grid-info">
                            <div class="video-share">
                                <ul>
                                    <li><a href="#"><img src="./images/likes.png" title="links"/></a></li>
                                    <li><a href="#"><img src="./images/link.png" title="Link"/></a></li>
                                    <li><a href="#"><img src="./images/views.png" title="Views"/></a></li>
                                </ul>
                            </div>
                            <div class="video-watch">
                                <a href="single.html">Watch Now</a>
                            </div>
                            <div class="clear"></div>
                            <div class="lables">
                                <p>Labels:<a href="categories.html">Lorem</a></p>
                            </div>
                        </div>
                    </div>
                    <div class="grid">
                        <h3>Consectetur adipisicing elit</h3>
                        <a href="single.html"><img src="./images/g4.jpg" title="video-name"/></a>
                        <div class="time">
                            <span>10:10</span>
                        </div>
                        <div class="grid-info">
                            <div class="video-share">
                                <ul>
                                    <li><a href="#"><img src="./images/likes.png" title="links"/></a></li>
                                    <li><a href="#"><img src="./images/link.png" title="Link"/></a></li>
                                    <li><a href="#"><img src="./images/views.png" title="Views"/></a></li>
                                </ul>
                            </div>
                            <div class="video-watch">
                                <a href="single.html">Watch Now</a>
                            </div>
                            <div class="clear"></div>
                            <div class="lables">
                                <p>Labels:<a href="categories.html">Lorem</a></p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="clear"></div>
                <div class="grids">
                    <div class="grid">
                        <h3>Consectetur adipisicing elit</h3>
                        <a href="single.html"><img src="./images/g3.jpg" title="video-name"/></a>
                        <div class="time">
                            <span>2:30</span>
                        </div>
                        <div class="grid-info">
                            <div class="video-share">
                                <ul>
                                    <li><a href="#"><img src="./images/likes.png" title="links"/></a></li>
                                    <li><a href="#"><img src="./images/link.png" title="Link"/></a></li>
                                    <li><a href="#"><img src="./images/views.png" title="Views"/></a></li>
                                </ul>
                            </div>
                            <div class="video-watch">
                                <a href="single.html">Watch Now</a>
                            </div>
                            <div class="clear"></div>
                            <div class="lables">
                                <p>Labels:<a href="categories.html">Lorem</a></p>
                            </div>
                        </div>
                    </div>
                    <div class="grid">
                        <h3>Consectetur adipisicing elit</h3>
                        <a href="single.html"><img src="./images/g5.jpg" title="video-name"/></a>
                        <div class="time">
                            <span>5:10</span>
                        </div>
                        <div class="grid-info">
                            <div class="video-share">
                                <ul>
                                    <li><a href="#"><img src="./images/likes.png" title="links"/></a></li>
                                    <li><a href="#"><img src="./images/link.png" title="Link"/></a></li>
                                    <li><a href="#"><img src="./images/views.png" title="Views"/></a></li>
                                </ul>
                            </div>
                            <div class="video-watch">
                                <a href="single.html">Watch Now</a>
                            </div>
                            <div class="clear"></div>
                            <div class="lables">
                                <p>Labels:<a href="categories.html">Lorem</a></p>
                            </div>
                        </div>
                    </div>
                    <div class="grid">
                        <h3>Consectetur adipisicing elit</h3>
                        <a href="single.html"><img src="./images/g4.jpg" title="video-name"/></a>
                        <div class="time">
                            <span>2:00</span>
                        </div>
                        <div class="grid-info">
                            <div class="video-share">
                                <ul>
                                    <li><a href="#"><img src="./images/likes.png" title="links"/></a></li>
                                    <li><a href="#"><img src="./images/link.png" title="Link"/></a></li>
                                    <li><a href="#"><img src="./images/views.png" title="Views"/></a></li>
                                </ul>
                            </div>
                            <div class="video-watch">
                                <a href="single.html">Watch Now</a>
                            </div>
                            <div class="clear"></div>
                            <div class="lables">
                                <p>Labels:<a href="categories.html">Lorem</a></p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="clear"></div>
                <div class="grids">
                    <div class="grid">
                        <h3>Consectetur adipisicing elit</h3>
                        <a href="single.html"><img src="./images/g6.jpg" title="video-name"/></a>
                        <div class="time">
                            <span>12:10</span>
                        </div>
                        <div class="grid-info">
                            <div class="video-share">
                                <ul>
                                    <li><a href="#"><img src="./images/likes.png" title="links"/></a></li>
                                    <li><a href="#"><img src="./images/link.png" title="Link"/></a></li>
                                    <li><a href="#"><img src="./images/views.png" title="Views"/></a></li>
                                </ul>
                            </div>
                            <div class="video-watch">
                                <a href="single.html">Watch Now</a>
                            </div>
                            <div class="clear"></div>
                            <div class="lables">
                                <p>Labels:<a href="categories.html">Lorem</a></p>
                            </div>
                        </div>
                    </div>
                    <div class="grid">
                        <h3>Consectetur adipisicing elit</h3>
                        <a href="single.html"><img src="./images/g7.jpg" title="video-name"/></a>
                        <div class="time">
                            <span>20:10</span>
                        </div>
                        <div class="grid-info">
                            <div class="video-share">
                                <ul>
                                    <li><a href="#"><img src="./images/likes.png" title="links"/></a></li>
                                    <li><a href="#"><img src="./images/link.png" title="Link"/></a></li>
                                    <li><a href="#"><img src="./images/views.png" title="Views"/></a></li>
                                </ul>
                            </div>
                            <div class="video-watch">
                                <a href="single.html">Watch Now</a>
                            </div>
                            <div class="clear"></div>
                            <div class="lables">
                                <p>Labels:<a href="categories.html">Lorem</a></p>
                            </div>
                        </div>
                    </div>
                    <div class="grid">
                        <h3>Consectetur adipisicing elit</h3>
                        <a href="single.html"><img src="./images/g8.jpg" title="video-name"/></a>
                        <div class="time">
                            <span>2:50</span>
                        </div>
                        <div class="grid-info">
                            <div class="video-share">
                                <ul>
                                    <li><a href="#"><img src="./images/likes.png" title="links"/></a></li>
                                    <li><a href="#"><img src="./images/link.png" title="Link"/></a></li>
                                    <li><a href="#"><img src="./images/views.png" title="Views"/></a></li>
                                </ul>
                            </div>
                            <div class="video-watch">
                                <a href="single.html">Watch Now</a>
                            </div>
                            <div class="clear"></div>
                            <div class="lables">
                                <p>Labels:<a href="categories.html">Lorem</a></p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="clear"></div>
            </div>
            <div class="clear"></div>
            <ul class="dc_pagination dc_paginationA dc_paginationA03">
                <li><a href="#" class="first">First</a></li>
                <li><a href="#" class="previous">Previous</a></li>
                <li><a href="#">1</a></li>
                <li><a href="#">2</a></li>
                <li><a href="#" class="current">3</a></li>
                <li><a href="#">4</a></li>
                <li><a href="#">5</a></li>
                <li><a href="#" class="next">Next</a></li>
                <li><a href="#" class="last">Last</a></li>

            </ul>
            <div class="clear"></div>
        </div>

        <div class="clear"></div>
    </div>
    <div class="clear"></div>
</div>
<#include "include/common-foot.html"/>
</body>
</html>

